<%--
  Created by IntelliJ IDEA.
  User: H2
  Date: 2016/1/19
  Time: 12:03
--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%-- IF IE --%>
    <jsp:include page="${pageContext.request.contextPath}/jsp/home/common/if_ie.jsp"></jsp:include>
    <meta charset="utf-8">
    <title>个人信息</title>
    <meta name="author" content="www.bestick.cn">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <!-- Favicon -->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/resources/app/images/img/logo/favicon.ico">

    <!-- Bootstrap core CSS -->
    <link href="${pageContext.request.contextPath}/resources/libs/css/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap Slider core CSS -->
    <link href="${pageContext.request.contextPath}/resources/libs/css/bootstrap-slider/bootstrap-slider.css"
          rel="stylesheet">

    <!-- JuCaiBang core CSS file -->
    <link href="${pageContext.request.contextPath}/resources/app/css/home/jcb.css" rel="stylesheet">

    <!-- H2 core CSS file -->
    <link href="${pageContext.request.contextPath}/resources/app/css/home/hh.css" rel="stylesheet">

</head>
<body style="background: #FBFAF9;">
<nav class="navbar navbar-default navbar-sqn">
    <div class="container">
        <div class="navbar-header">
            <a class="navbar-brand" href="/index">
                <img src="${pageContext.request.contextPath}/resources/app/images/img/logo/logo-mountain.png"
                     class="navbar-logo-img">
            </a>
        </div>
        <div class="navbar-collapse collapse text-center" role="navigation">
            <ul class="nav navbar-nav pull-right inline-block">
                <li>
                    <a href="javascript:void(0)" class="personal-info-icon">
                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>&nbsp;welcome
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<%--content--%>
<div class="contentContainer" style="width: 100%; position:relative; height: 120px;">
<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
   <div class="personalTitle" id="personalTitle"></div>
</div>

<div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-3">
    <div class="personalAdd" id="personalAdd">
        <div class="personalAddTitle">
            <button class= "btn btnMyEvaluate">我的风险评测</button>
            <button class= "btn btnMyAgent">我的理财顾问</button>
        </div>
        <div class="qn-result container" id="qn-result"></div>
        <div class="agentDetailMain btn-none" id="agentDetailMain"></div>
    </div>
</div>
</div>
<!-- footer -->
<jsp:include page="${pageContext.request.contextPath}/jsp/home/common/footer.jsp"></jsp:include>

<!-- JavaScript files placed at the end of the document so the pages load faster
    ==================================================================================== -->
<!-- Jquery and Bootstap core js files -->
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/Highcharts.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/libs/js/jsrender.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/app/js/home/bootstrap-slider.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/app/js/home/common.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/resources/app/js/home/info.js"></script>



<!-- 个人账户模板 -->
<script id="personalTitle-temp" type="text/x-jsrender">
{{if !data}}
{{else}}
   <div class="personalHeader">
       {{if data.userImage}}
         <img src="{{:data.userImage}}"/>
       {{else}}
         <img src="/resources/app/images/icon.png" style="width:105px;"/>
       {{/if}}
       <p>{{:data.userNickName}}</p>
    </div>

    <div class="personalContent">
        <p><i class="glyphicon glyphicon-play iconIndicate" style="margin-right: 8px"></i>个人基本信息</p>
        <div class="personInfo">
           <span>姓名: {{:data.userTrueName}}</span>
           {{if data.userGender == 1}}<span>性别:男</span>{{else}} <span>性别:女</span>{{/if}}
           <span>出生日期: {{: ~birthDateFormat(data.userBirthday)}}</span>
           <span>证件类型: 身份证</span>
           <span>证件号码: {{:data.userIdCardNo}}</span>
        </div>

        <hr>
        <p><i class="glyphicon glyphicon-play iconIndicate" style="margin-right: 8px"></i>全帐通账户</p>
        <div class="quan">
            <div class="huaRui">
                <p>华瑞银行理财专户(12312342133213)</p>
                <div class="huaRuiContent">
                    <p>户名: {{:data.userTrueName}}</p>
                    <p>开户行: {{:data.entrustBank}}</p>
                    <p>银行账户: {{:data.bankCardNo}}</p>
                </div>
            </div>

            <div class="huaRui">
                <p>中泰信托理财专户(12312342133213)</p>
                <div class="zhongTaiContent">
                    <p>单一信托账户</p>
                    <p>信托计划名称: {{:data.entrustproductname}}</p>
                    <p>受托人: {{:data.entrustAcctName}}</p>
                    <p>保管人: {{:data.entrustbgname}}</p>
                </div>
                <div class="zhongTaiContent">
                    <p>存管银行</p>
                    <p>开户名: {{:data.userTrueName}}</p>
                    <p>开户行: {{:data.entrustBank}}</p>
                    <p>存管账号: {{:data.userAccountId}}</p>
                </div>
                <div class="zhongTaiContent">
                    <p>收益分配账户</p>
                    <p>户名: {{:data.userTrueName}}</p>
                    <p>开户行: {{:data.entrustBank}}</p>
                    <p>银行账号: {{:data.bankCardNo}}</p>
                </div>
            </div>
        </div>

        <hr>
        <p><i class="glyphicon glyphicon-play iconIndicate" style="margin-right: 8px"></i>我的协议</p>
        <div class="myProtocol">
           <ul>
              <li><a href="#">聚财帮全帐通开户协议</a></li>
              <li><a href="#">单一信托在华瑞银行的资金管理协议</a></li>
              <li><a href="#">华瑞银行账户开户协议</a></li>
              <li><a href="#">联泰基金服务协议</a></li>
              <li><a href="#">聚财帮用户服务协议</a></li>
           </ul>
        </div>

        <hr>
    </div>
{{/for}}

</script>

<%--评估--%>
<script id="qn-result-temp" type="text/x-jsrender">
    {{!-- qn-result --}}
    <div class="invest-risk-questionnaire col-md-12">
        <div class="header-image">
            <img src="${pageContext.request.contextPath}/resources/app/images/img/logo/investment.svg"
                 class="header-image-mountain">
        </div>
        <!--invest-risk-questionnaire-->
        <div class="question-box col-md-12">
            <div class="questionnaire-title">您的投资计划</div>
            <div class="questionnaire-sub-title">
                <p>我们为您推荐一个非常积极的增长组合。</p>
            </div>
            <div class="chart-box">

                <!-- 图表控制器 -->
                <div class="chart-control col-md-6 col-md-offset-3">
                    <div class="chart-reset">复位</div>
                    <div class="qn-slider">
                        <input type="text" id="jcb-qn-slider" class="jcb-qn-slider" data-slider-min="0"
                               data-slider-max="100" data-slider-step="1" data-slider-value="0"
                               data-slider-tooltip="hide"/>
                    </div>
                </div>

                <!-- 图表内容区 -->
                <div class="chart-area col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-0">
                    <h5 class="chart-area-title">标准配置</h5>

                    <div class="chart-inner-panel">
                        <div id="qn-chart"></div>
                    </div>
                </div>

                <!-- 图表内容区 -->
                <div class="chart-area col-md-8 col-md-offset-2 col-lg-6 col-lg-offset-0">
                    <h5 class="chart-area-title">计划特点</h5>

                    <div class="chart-inner-panel" style="padding: 31px 86px;">
                        <div class="character text-left">
                            <div class="row">
                                <div class="col-sm-6">
                                    <ul class="check-list">
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">高回报
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">低风险
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">自动平衡
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">节税
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">个性化配置
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-sm-6">
                                    <ul class="check-list">
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">地域多元化
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">现金最小化
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">无忧
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">低收费
                                            </div>
                                        </li>
                                        <li>
                                            <div class="check-mark"></div>
                                            <div class="check-text" data-toggle="popover" data-trigger="click hover"
                                                 data-placement="top"
                                                 data-content="提高你的任何风险水平的回报。我们分散投资于资产类别：股票、债券、新兴市场、发达国家和房地产。">个人顾问
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 进入产品列表 -->
            <div class="question-box-redirect col-md-6 col-md-offset-3">
                <input type="button" class="btn btn-jcb-red" value="进入产品列表" onclick="location.assign('/list/productList')" style="width: 248px;">
                <div class="desc">注：我们会收取0.25%/年的费用。</div>
            </div>
        </div>
    </div>
</script>

<!-- 经纪人具体信息模板 -->
<script id="agentDetailMain-temp" type="text/x-jsrender">
{{if !data}}
  <div class="agentDetailHeader" style="margin-top:-1px;"></div>
{{else}}
<div class="agentDetailHeader">
    {{if data.loginUserAgentUserInstanceInstance.userImage}}
         <img src="{{:data.loginUserAgentUserInstanceInstance.userImage}}"/>
    {{else}}
         <img src="http://c.hiphotos.baidu.com/image/w%3D310/sign=c95e391669600c33f079d8c92a4c5134/d1a20cf431adcbefd4348404aeaf2edda3cc9fb4.jpg" style="width:105px;"/>
    {{/if}}
    <p>{{:data.loginUserAgentUserInstanceInstance.userNickName}}</p>
    <p>一份权利, 十分责任</p>
</div>
<div class="agentDetailContent">
    <p>基本信息</p>
    <div class="agentBase">
        <span>姓名:{{:data.loginUserAgentUserInstanceInstance.userTrueName}}</span>
        <span>性别:男</span>
        <span>出生日期:1996年8月6日</span>
        <span>专业领域:{{:data.agentSpeciality}}</span>
        <span>所属公司:{{:data.agentCompany}}</span>
    </div>
    <p>简介</p>
    <div class="agentBase">
        诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，诸葛先生是研究部的副总监，
    </div>
    <p>电话</p>
    <div class="agentBase">{{:data.loginUserAgentUserInstanceInstance.userMobile}}</div>
</div>
{{/if}}
</script>

</body>
</html>
